@if(count($content) > 1)
<div class="slider-3">
    <div class="slider">
        <div class="bd">
            <ul id="{{$dataId}}">
                @foreach($content as $item)
                    <li>
                        <div class="iframeTitle" data-src="http://{{$item->com_lan_ip}}:7000" >{{$item->name}}</div>
                        <div class="iframeDiv">
                            <iframe src="http://{{$item->com_lan_ip}}:7000" frameborder="0" width="{{$width}}" height="{{$height}}"></iframe>
                        </div>
                    </li>
                @endforeach
            </ul>
        </div>
    </div>
</div>
<script type="text/javascript">
    function slide() {
        $(".slider").slide({effect:"leftLoop",easing:"linear",delayTime:500,interTime: 1000,autoPlay:true} );
        // $(".slider",'.slider-3').slide({mainCell: ".bd ul", titCell: ".hd li", trigger: "click", effect: "leftLoop", autoPlay: true, delayTime: 500, interTime: 1000, pnLoop: true, titOnClassName: "active"})
    }
</script>
@else
<div style="height: 100%;" id="{{$dataId}}">
    @foreach($content as $item)
        <div class="iframeTitle" data-src="http://{{$item->com_lan_ip}}:7000" >{{$item->name}}</div>
        <div class="iframeDiv">
            <iframe src="http://{{$item->com_lan_ip}}:7000" frameborder="0" width="{{$width}}" height="{{$height}}"></iframe>
        </div>
    @endforeach
</div>
@endif

